<template>
	<article  v-title="'关于我们'">
		<!-- <img src="../../assets/img/11.jpg">
		<h2>寻宠</h2>
		<p>感谢您的帮助！</p>
		<p>您的帮助可能</p>
		<p>让一个在外流浪</p>
		<p>的“孩子”回到家！</p> -->
		<!-- <div class="img">
			<img src="../../assets/img/11.jpg" alt="">
		</div> -->
		<div class="font">
			<h2><span>等你回家GiveMePaw</span></h2>
			<div class="img">
				<img src="../../assets/img/11.jpg" alt="">
			</div>
			<div class="font1">
				<p>&nbsp;&nbsp;&nbsp;&nbsp;动物是我们人类的朋友，宠物则是我们的家人。一旦走失丢失，它就进入流浪状态，没吃没喝，无人关爱，而主人寻找则十分困难，心急如焚……</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;本微信公众平台就是希望传递一份爱心，为大家提供一个流浪宠物信息交换平台：</p>
			</div>
			<div class="font2">
				<p>&nbsp;&nbsp;&nbsp;&nbsp;当您发现流浪宠物，请立即拍照；再进入“寻主”栏，“上传拾宠”到本平台；或浏览失宠表，看有没有主人正寻找它；或寻找附近可有宠物收容所收留宠物；</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;当您的宠物丢失，请进入“寻宠”栏，上传照片信息到本平台（上传失宠）；您还可以悬赏，但是平台只负责传递信息，赏金线下交易；或“浏览拾宠”表，看有没有爱心人上传了您的爱宠信息；</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;如果匹配上了，那就电话、微信、留言联系对方，一个流浪宠物就回家了。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;您可以进入“您和我们”栏目，录入完善“您的信息”，查看“留言查看”；</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;微信功能（左下角）是我们大家参与的公众论坛。您可以发表高见，拍照摄像，我们大家都看得到；</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;我们面向社会各界征求寻宠志愿者，壮大爱心团队，有意者请和我们微信联系。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;平台功能虽然简单，但是爱心传递无限，我们渴求您的参与。</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;让我们把爱心传递起来，沟通分享，让世界充满爱！！！</p>

				<span class="footer">©2017版权所有,侵权必究</span>
			</div>

		</div>
		<!-- <span class="footer">©2017版权所有,侵权必究</span> -->
	</article>
</template>
<script type="text/javascript">
	export default {
		data () {
			return {

			}
		},
		created () {
			this.$store.state.wrap = false;
			this.$store.state.info = false;
		}
	}
</script>
<style lang="less" scoped>
	article {
		// text-align: center;

		.img {
			width: 92%;
			margin: 0.1rem auto;
			img{
				border-radius: 20px;
				width: 100%;
				// margin-top: 0.2rem;
			}
		}
		.font{
			h2 {
				text-align: center;
				height: 1.1rem;
				margin:0.1rem;
				border-radius: 20px;
				border: 2px solid #AFBAF1;
				background-image: url(../../assets/img/44.jpg);
				background-size: 100% ;
				span{
					// text-align: left;
					line-height: 1.18rem;
					margin-left: 0.4rem;
					font-size: 0.2rem;
					color: #6B81F7;
				}
			}
			.font1{
				width: 90%;
				border-radius: 20px;
				// margin: 0.1rem auto;
				// height: 2.05rem;
				// line-height: 0.3rem;
				// background-image: url(../../assets/img/88.jpg);
				background-size: 100% ;
				margin-left: 0.2rem;
				word-wrap:break-word;
				// color: #DEFA39;
			}
			.font2{
				width: 90%;
				border-radius: 20px;
				// margin: 0.1rem auto;
				margin-left: 0.2rem;
				height: 2.05rem;
				// line-height: 0.3rem;
				// background-image: url(../../assets/img/33.jpg);
				background-size: 100% ;
				color: ;
			}
		}


		p {
			line-height: 0.2rem;
			margin-top: 0.1rem;
		}

		.footer {
			// position: absolute;
			// buttom:0;
			// bottom:0.1rem;
			// right:0.1rem;
			float: right;
			margin-top: 0.3rem;
			margin-left: 55%;
			margin-bottom: 0.1rem;
			font-size:0.12rem;
			 color: #bbb;
		}
	}
</style>
